import { ref } from "vue";

// 在 Vue 3 和 TypeScript 中，当你使用 ref 创建一个数组类型的响应式引用时，TypeScript 会将其类型推断为 Ref<T[]>。
// 这意味着 dataList 是一个 Ref 类型，而不是直接的数组类型。因此，你不能直接在 dataList 上调用数组的 push 方法。
export default function () {
    let dataList = ref<{ name: string; age: string }[]>([
        {
            name: '战神',
            age: "22"
        }
    ]);

    function addDataList() {
        let a = {
            name: '战神',
            age: "22"
        };
        dataList.value.push(a); // 通过 .value 访问数组
    }

    return { dataList, addDataList }; // 返回 addDataList 方法
}